/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

// Google Maps: http://code.google.com/apis/maps/index.html

KindEditor.plugin('map', function (K) {
    var self = this, name = 'map', lang = self.lang(name + '.');
    self.clickToolbar(name, function () {
        var html = ['<div style="padding:10px 20px;">',
            '<div class="ke-dialog-row">',
            lang.address + ' <input id="kindeditor_plugin_map_address" name="address" class="ke-input-text" value="" style="width:200px;" /> ',
            '<span class="ke-button-common ke-button-outer">',
            '<input type="button" name="searchBtn" class="ke-button-common ke-button" value="' + lang.search + '" />',
            '</span>',
            '</div>',
            '<div class="ke-map" style="width:558px;height:360px;"></div>',
            '</div>'].join('');
        var dialog = self.createDialog({
            name: name,
            width: 600,
            title: self.lang(name),
            body: html,
            yesBtn: {
                name: self.lang('yes'),
                click: function (e) {
                    var geocoder = win.geocoder,
                        map = win.map,
                        center = map.getCenter().lat() + ',' + map.getCenter().lng(),
                        zoom = map.getZoom(),
                        maptype = map.getMapTypeId(),
                        url = 'http://maps.googleapis.com/maps/api/staticmap';
                    url += '?center=' + encodeURIComponent(center);
                    url += '&zoom=' + encodeURIComponent(zoom);
                    url += '&size=558x360';
                    url += '&maptype=' + encodeURIComponent(maptype);
                    url += '&markers=' + encodeURIComponent(center);
                    url += '&language=' + self.langType;
                    url += '&sensor=false';
                    self.exec('insertimage', url).hideDialog().focus();
                }
            },
            beforeRemove: function () {
                searchBtn.remove();
                if (doc) {
                    doc.write('');
                }
                iframe.remove();
            }
        });
        var div = dialog.div,
            addressBox = K('[name="address"]', div),
            searchBtn = K('[name="searchBtn"]', div),
            win, doc;
        var iframeHtml = ['<!doctype html><html><head>',
            '<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />',
            '<style>',
            '	html { height: 100% }',
            '	body { height: 100%; margin: 0; padding: 0; background-color: #FFF }',
            '	#map_canvas { height: 100% }',
            '</style>',
            '<script src="http://maps.googleapis.com/maps/api/js?sensor=false&language=' + self.langType + '"></script>',
            '<script>',
            'var map, geocoder;',
            'function initialize() {',
            '	var latlng = new google.maps.LatLng(31.230393, 121.473704);',
            '	var options = {',
            '		zoom: 11,',
            '		center: latlng,',
            '		disableDefaultUI: true,',
            '		panControl: true,',
            '		zoomControl: true,',
            '		mapTypeControl: true,',
            '		scaleControl: true,',
            '		streetViewControl: false,',
            '		overviewMapControl: true,',
            '		mapTypeId: google.maps.MapTypeId.ROADMAP',
            '	};',
            '	map = new google.maps.Map(document.getElementById("map_canvas"), options);',
            '	geocoder = new google.maps.Geocoder();',
            '	geocoder.geocode({latLng: latlng}, function(results, status) {',
            '		if (status == google.maps.GeocoderStatus.OK) {',
            '			if (results[3]) {',
            '				parent.document.getElementById("kindeditor_plugin_map_address").value = results[3].formatted_address;',
            '			}',
            '		}',
            '	});',
            '}',
            'function search(address) {',
            '	if (!map) return;',
            '	geocoder.geocode({address : address}, function(results, status) {',
            '		if (status == google.maps.GeocoderStatus.OK) {',
            '			map.setZoom(11);',
            '			map.setCenter(results[0].geometry.location);',
            '			var marker = new google.maps.Marker({',
            '				map: map,',
            '				position: results[0].geometry.location',
            '			});',
            '		} else {',
            '			alert("Invalid address: " + address);',
            '		}',
            '	});',
            '}',
            '</script>',
            '</head>',
            '<body onload="initialize();">',
            '<div id="map_canvas" style="width:100%; height:100%"></div>',
            '</body></html>'].join('\n');
        // TODO：用doc.write(iframeHtml)方式加载时，在IE6上第一次加载报错，暂时使用src方式
        var iframe = K('<iframe class="ke-textarea" frameborder="0" src="' + self.pluginsPath + 'map/map.html" style="width:558px;height:360px;"></iframe>');

        function ready() {
            win = iframe[0].contentWindow;
            doc = K.iframeDoc(iframe);
            //doc.open();
            //doc.write(iframeHtml);
            //doc.close();
        }

        iframe.bind('load', function () {
            iframe.unbind('load');
            if (K.IE) {
                ready();
            } else {
                setTimeout(ready, 0);
            }
        });
        K('.ke-map', div).replaceWith(iframe);
        // search map
        searchBtn.click(function () {
            win.search(addressBox.val());
        });
    });
});
